<include file="Common:header" />
<div class="table_content" style="padding-bottom: 64px;">
    <div class="role_info">
        <span>角色：{$roleInfo.name}</span>
        <notempty name="roleInfo['remark']"><span>备注：{$roleInfo.remark}</span></notempty>
        <span>开启状态：{$roleInfo['status']?'正常':'禁用'}</span>
    </div>
    <form action="{:U(MODULE_NAME.'/'.CONTROLLER_NAME.'/'.ACTION_NAME)}" method="post"  class="ajax_form">
            <fieldset class="access_group">
                <legend><label><input type="checkbox"  level="group"/>全部</label></legend>
                <foreach name="pageList" item="voGroup">
                    <dl class="pageclass">
                        <dd><label><input type="checkbox" name="access[]" value="{$voGroup.id}"  level="menu" <if condition="$voGroup['is_checked'] eq 1">checked<else/></if>/>{$voGroup.name}</label></dd>
                    </dl>
                </foreach>
            </fieldset>
        <div class="tab_box_btn">
            <input type="hidden" name="role_id" value="{$roleInfo.id}"/>
            <input type="button" class="save_btn" value="保存"/>
            <input type="button" class="back_btn" value="返回"/>
        </div>
    </form>
</div>
<script type="text/javascript">
    $(function() {
        //全选
        //子菜单对象
        var menuObj = $('input[level=menu]');
        //分类对象
        var classObj = $('input[level=class]');
        //组对象
        var groupObj = $('input[level=group]');

        groupObj.change(function() {
            //选择组下所有input按钮
            var inputs = $(this).parents('fieldset').find('input');
            //组选中，所有子菜单选中
            inputs.prop('checked', $(this).prop('checked'));
        });

        classObj.change(function() {
            var inputs = $(this).parents('dl').find('input');
            inputs.prop('checked', $(this).prop('checked'));
            //当前分类所属组
            var parent_group = $(this).parents('fieldset').find('input[level=group]');
            //当前分类同级分类
            var brothers_class = $(this).parents('fieldset').find('input[level=class]');
            parent_group.prop('checked', brothers_class.length === brothers_class.filter(':checked').length);
        });

        menuObj.change(function() {
            //当前子菜单所属分类
            var parent_class = $(this).parents('dl').find('input[level=class]');
            //当前子菜单同父分类子菜单
            var brothers_menu = $(this).parents('dl').find('input[level=menu]');
            //当前子菜单同级子菜单
            var group_all_menu = $(this).parents('fieldset').find('input[level=menu]');
            //当前子菜单所属分组
            var parent_group = $(this).parents('fieldset').find('input[level=group]');
            parent_class.prop('checked', brothers_menu.length === brothers_menu.filter(':checked').length);
            parent_group.prop('checked', group_all_menu.length === group_all_menu.filter(':checked').length);
        });
        
        $('.pageclass input[level=menu]').each(function(){
        	if($(this).prop('checked')){
        		$(this).parent('label').parent('dd').parent('.pageclass').parent('.access_group').find('input[level=group]').attr('checked','checked');
        	}
        });

        $('input.save_btn').click(function() {
            $(this).tyAjax({
                callBack: function(data) {
                    callBackTips(data.status, data.info, data.url);
                }
            });
        });
    });
</script>
<include file="Common:footer" />